<script setup>
const flag = false
const type = 'a'
const myid = 'id1'
const myclass = 'cls1'
const htmlMsg = '<a>abiaoqian</a>'
const bdisabled = true
</script>
<template>
    <h2>if page</h2>
    <p v-if="flag">hahahaha if</p>
    <p>{{ flag ? 'yes' : 'no' }}</p>
    <div v-if="type === 'a'">a div</div>
    <div v-if="type === 'b'">b div</div>
    <div v-if="type === 'c'">c div</div>
    <div v-if="type === 'd'">d div</div>
    <p v-html="htmlMsg"></p>
    <p v-bind:class="myclass" :id="myid">a pbiaoqian</p>
    <button :disabled="bdisabled">button</button>
</template>